@font-face {
    font-family: 'titre';
    src: url('fonts/breakaway.woff2') format('woff2'),
    url('fonts/breakaway.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'texte';
    src: url('fonts/Capsmall_clean.woff2') format('woff2'),
    url('fonts/Capsmall_clean.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #fff;
    font-family: 'texte';
}

html {
    font-size: 1em;
    line-height: 1.6;
	overflow-y:scroll;
    overflow-x: hidden;
	height:100%; 
	box-sizing: border-box; 
}

*, *:before, *:after {
    box-sizing: inherit;
}

::-moz-selection {
    background: rgba(199,47,0,.75);
    text-shadow: none;
}

::selection {
    background: rgba(199,47,0,.75);
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body { height:100%; background: #fff; }
#main { transition:transform .3s ease; }

img { max-width:100%; height:auto; }
a { text-decoration: none; transition:all .2s ease;  }
a:focus { outline: 0; }

#header { position:absolute; top:100%; z-index: 99}

#home { height:100vh; position:relative; overflow: hidden; width: 100%; color:#fff; background: #000; }
#home:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%;     box-shadow: inset 0 0 25vh 11vh #000; }
#homeVideo { position: absolute; left:0; top:0; width: 100%; height: 100%; transition:all .2s ease; opacity:.7; }
.homeContent { position: absolute; top:7%;text-align: center;  z-index: 2; width:100%; left:0; }
.homeTitle { font-weight:bold; letter-spacing: .7em; text-shadow:0 5px 5px rgba(0,0,0,.15); text-transform: uppercase;  font-size: 1em; margin-left: 7px }
.action { margin-top:1em; text-align: center; }

.btn { text-transform: uppercase; letter-spacing: .15em; color:#fff; display: inline-block; padding:.7em 1em; background:#4a4a4a; box-shadow:4px 4px 4px #131313; border-radius: 50px; }
.btn:hover { background: #2c2c2c; box-shadow:0 0 0 #2c2c2c; }
.btnDisabled:hover { background:#4a4a4a; box-shadow:0 3px 0 #2c2c2c;  }
.btn:focus { background: #2c2c2c; box-shadow:0 0 0 2px #2c2c2c;  }
.btnDisabled:focus { background:#4a4a4a; box-shadow:0 3px 0 #2c2c2c;  }
.btnBlue { background: #365ed1 ; box-shadow:8px 10px 8px #131313 ; }
.btnBlue:hover { background: #4a4a4a; box-shadow:0 0 0 #2c2c2c; }
.btnBlue:focus { background: #4a4a4a; box-shadow:0 0 0 2px #2c2c2c;  }
.btnPurple { background: #c002ca ; box-shadow:8px 10px 8px #131313 ; }
.btnPurple:hover { background: #4a4a4a; box-shadow:0 0 0 #2c2c2c; }
.btnPurple:focus { background: #4a4a4a; box-shadow:0 0 0 2px #2c2c2c;  }
.btnRed { background: #b31f19 ; box-shadow:8px 10px 8px #131313 ; }
.btnRed:hover { background: #4a4a4a; box-shadow:0 0 0 #2c2c2c; }
.btnRed:focus { background: #4a4a4a; box-shadow:0 0 0 2px #2c2c2c;  }
.btnBlack { background: #7a7a7a ; box-shadow:8px 10px 8px #131313 ; }
.btnBlack:hover { background: #4a4a4a; box-shadow:0 0 0 #2c2c2c; }
.btnBlack:focus { background: #4a4a4a; box-shadow:0 0 0 2px #2c2c2c;  }
.btnSmall { padding:.35em 2em .25em; font-size: .85em; }

.actionLink { margin-top:.5em; font-size: .8em; letter-spacing: .05em; }
.actionLink a { color:rgba(255, 255, 255, 0.7); border-bottom:1px solid rgba(199, 47, 0, 0.55); }
.actionLink a:hover { color:#fff; border-color:#4a4a4a; }
.actionLink a:focus { color:#fff; border-color:#4a4a4a; }

#nav { position:absolute; top:100%; margin-top:-4.5em; left: 0; width:100%; z-index: 98; }
#nav ul { list-style: none; margin:0; padding:1em 0; text-align: center; display: flex; justify-content: center; font-size: 1.5em; }
#nav a { font-weight:normal; letter-spacing: .12em; text-transform: uppercase; color:#fff; font-size: .8em; padding:.2em 1.0em; position: relative; z-index: 2; overflow: hidden; display: block; border-radius: 25px; }
#nav a:before { content:""; position:absolute; left:0; transform:scaleX(0); top:0; width:100%; height: 100%; border-radius: 25px; background: #4a4a4a; z-index: -1; transition:transform .7s ease; transform-origin:100% 0; }
#nav a:hover { background: rgba(147,24,0,.75); }
#nav a:focus { background: rgba(147,24,0,.75); }
#nav .on:before { transform:scaleX(1); transform-origin:50% 0; }
#nav .on2:before { transform:scaleX(1); transform-origin:50% 0; }
#nav .off:before { transform-origin:50% 0; }


.videoPH { position: fixed; z-index: 400;  }
.videoPH div { animation: fade .3s ease 0s 1; background: rgba(0, 0, 0, .8); width:100%; height: 100%;  }

.videoCloser {  color: rgba(255,255,255,0.85);  font-size: 1.5em; position: absolute; top: 10px; right: 10px; width: 35px; height: 35px; z-index: 3; opacity: .6; transition: opacity .3s ease; }
.videoCloser:hover { opacity:1; color:#fff; }
.videoCloser:before { content:""; width:100%; height:2px; background:#fff; position: absolute; left:0; top:50%; transform:rotate(45deg); }
.videoCloser:after { content:""; width:100%; height:2px; background:#fff; position: absolute; left:0; top:50%; transform:rotate(-45deg); }

.videoOn { overflow: hidden; }
.videoPopup { position: fixed; top: 0;left: 0; width: 100%; height: 100%; z-index: 999; }
.videoOverlay { width: 100%; height: 100%; background: rgba(0,0,0,0.8); top: 0; left: 0; position: absolute; }
.videoPopupInner:before{ content:""; position:absolute; left:50%; top:50%; width:89px; height:89px; margin:-44px 0 0 -44px; background: url(../img/video.gif) #000; border-radius:25px; opacity:.8; }
.videoPopupInner { position:absolute; z-index: 2;  top:50%; left:50%; transform:translate(-50%,-50%); max-height:calc(90vw - 6em); max-width:calc(160vh - 6em); width:96%; height:100%; pointer-events:none; }
.videoPopupWrapper { padding-bottom: 56.25%; position: relative; top:50%; transform:translateY(-50%); pointer-events: all; }
.videoPopupWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


figure { margin:0; }
.fullImg { margin:10px; border-radius: 3px; overflow: hidden; }

.sectionTxt { display:flex; align-items: stretch; justify-content: space-between; margin:10px; }
.sectionTxtHeader { flex-basis:33%; width:33%; background: #000; display: flex; flex-direction: column; justify-content: center;  border-radius: 3px;}

#about { position: relative; overflow: hidden; margin:10px; }
#about .sectionTxtHeader { background:url(../img/Back1-1.png) center center no-repeat #000; background-size: cover; }
.sectionTxtContent { flex-basis:67%; width:67%; }
.sectionTxtInner { width:90%; max-width: 650px; margin: 7em auto; }
.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }
.sectionTitle { color:#fff; font-family:titre; text-align: center; font-size: 5em; margin:0; }
.rte { letter-spacing: .08em;  }
.rte h3 {  text-transform: uppercase; font-style:italic; text-align: center; font-size: 1.6em; margin:.5em 0; letter-spacing: .1em;  }

#albums{ position: relative; overflow: hidden; margin:10px; }
.sectionOrange { text-align: center; padding: 3.5em 0 8em; color:#fff; position: relative; }
#albums .sectionFullBg  { background: url(../img/Back2-3.png) no-repeat center center #2c2c2c; background-size: cover; }
.sectionOrangeHeader { padding:1em 0 3em; }
.sectionOrangeContent{ max-width: 1300px; margin:auto; }
.halfs { display: flex; }
.half { flex-basis: 100% }
.album { width:90%; max-width: 370px; margin: auto; }
.round { border-radius: 50%; overflow: hidden; }
.albumTitle { text-transform: uppercase; font-size: 1em; letter-spacing: .08em; margin-bottom: 0; margin-top: 1.7em; }
.albumSubTitle { text-transform: uppercase; letter-spacing: .05em; margin:.3em 0; font-size: .9em; }
.albumDesc { line-height: 1.2; font-size: .85em; margin:.3em 0 1em; letter-spacing: .05em; }

#dates { position: relative; overflow: hidden; margin:22px; }
#dates .sectionTxtHeader { background:url(../img/Back3-1.png) 50% 20% no-repeat #000; background-size: cover; }
.dates { margin:5em 0 5em 10px; }
.date { padding:1em;  border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:-1px; display: flex; justify-content: space-between; letter-spacing: .03em; }

#media { margin:110px 5px 70px; }
.sectionBlack { text-align: center; padding: 3.5em 0 8em; color:#fff; position: relative; }

#merch { position: relative; overflow: hidden; margin:10px; }
#merch .sectionFullBg { background: url(../img/Back4.png) no-repeat center center #000; background-size: cover; }
.sectionBlackHeader { padding:1em 0 3em; }
.sectionBlackContent{ max-width: 1300px; margin:auto; }
.tiers { display: flex; }
.tier { flex-basis: 33.33% }
.square{ margin:1em 10px 4em; border-radius:25%; overflow: hidden; position: relative; }
.square:after { content:""; width:100%; height: 100%; position: absolute; border-radius: 3px; top:0; left:0; box-shadow:inset 0 0 50px rgba(0,0,0,.8); }

.smaller { font-size: .5em; }

#team { position: relative; overflow: hidden; margin:10px; }
#team .sectionFullBg { background:url(../img/Back5-1.png) center center no-repeat #000; background-size: cover; }
.teamWrapper { position: relative; padding-bottom: 56.25%; margin-left:10px; overflow: hidden; }
.team video { position: absolute; left:0; top:0; width: 100%; height: 100%; transition:all .2s ease; }
.teamActions { position:absolute; bottom:12px; left:10px; right:10px; display: flex; justify-content: space-between; }
.teamActions a { flex-basis:calc(33.33% - 7px); text-align: center; }
.videoMask { position: absolute; top:0; left:0; width:100%; height: 100%; }
.videoMask:before { content:""; border-left:20px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; position:absolute; top:50%; left:50%; margin-left:-7px; margin-top:-15px; }
.videoMask:after { content:""; width:100px; height: 100px; border-radius: 50%; border:8px solid #fff; position: absolute; left: 50%; top:50%; margin:-50px 0 0 -50px; transition:all .3s ease; }
.videoMask:hover { transform: scale(2); }
.videoMask:hover:after { transform: scale(.8); opacity:.1; border-width:2px; }
.team { position: absolute; top:0; left:0; width:100%; height: 100%; }

.sectionFull { background: #000; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; position:relative; overflow: hidden; }

#follow { position: relative; overflow: hidden; margin:10px; }
#follow .sectionFullBg { background: url(../img/Back6.png) center center #000; background-size: cover; }
.sectionFullBg { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.line1 { display: block; padding-right:0em; font-size: .7em; line-height: .6; }
.line2 { display: block; }
.sectionFullInner { position: relative; }

.sectionRound { padding: 5em 0; display: flex; align-items: center; max-width:1900px; margin:auto; width:90%; }
.sectionRoundHeader { flex-basis:44%; }
.sectionRoundRound{ padding-bottom:100%; overflow:hidden; border-radius: 25%; position: relative; }
.sectionRoundRoundInner { position: absolute; left: 0; top:0; height: 100%; width:100%; display: flex; text-align: center; align-items: center; justify-content: center; flex-direction: column; background-color: #000; }

#contact { position: relative; overflow: hidden; margin:10px; }
#contact .sectionRoundRoundInner { background:url(../img/Back7-1.png) center center no-repeat #000; background-size: cover; }
.sectionRoundContent { flex-basis: 56%; }
.sectionRoundContent h3 { font-weight: bold; font-style: italic; letter-spacing: .03em; font-size: 3em; margin: 0 0 0 30px; line-height: 1.1; }
.sectionRoundContent p { font-size: 1.35em; margin:0 0 .7em 30px; }
.sectionRound .link { font-size: 3em; letter-spacing: .05em; margin-left:30px; }
.link { display: inline-block; color:#4a4a4a; border-bottom:1px solid rgba(0, 0, 0, 0.15);  line-height: 1.3;}
.link:hover { border-color :#4a4a4a; }

.bigger { font-size: 1.5em; }

@keyframes pop {
    0% { opacity:0; transform:scale(0); }
    100% { opacity:1; transform:scale(1); }
}
@keyframes pop2 {
    0% { opacity:0; transform:scale(0); }
    100% { opacity:1; transform:scale(1); }
}
@keyframes bottom {
    0% { opacity:0; transform:translateY(0%); }
    100% { opacity:1; transform:translateY(0); }
}
@keyframes top {
  0% { transform: translateY(-100%); }

  20% { padding-top: 0px;
        transform: translateY(0%); }

  60% { padding-top: 0px; }

  100% { padding-top: 0px; } }

@keyframes fade{
    0% { opacity:0; }
    100% { opacity:1;}
}

#logo { animation:pop 1s ease .6s 1; animation-fill-mode: backwards; position:relative; }
#home { animation:fade .5s ease 0s 1; }
#home #homeVideo{ animation:fade .5s ease .5s 1; animation-fill-mode: backwards; }
#home .homeTitle { animation:pop 1s ease .9s 1; animation-fill-mode: backwards; }
#home .action { animation:pop 1s ease 1.05s 1; animation-fill-mode: backwards; }
#nav { animation:bottom 1s ease .2s 1; animation-fill-mode: backwards; }

.pageout #nav, .pageout #header, .pageout #main { opacity:0; transition:opacity .2s ease; }


.popupWrapper { width:100%; height:100%; z-index: 999; position:fixed; top:0; left:0; animation:fade .3s ease 0s 1;  overflow: hidden; }
.popupOn  .popupWrapper { overflow-x: hidden; overflow-y: scroll; }
.popupWrapperInner { position:relative; margin-left:auto; right:-500px; width:500px; min-height:100vh; background: #000; z-index: 2; box-shadow:0 0 5px rgba(0,0,0,.13), 0 0 50px rgba(0,0,0,.13); display:flex; flex-direction: column; justify-content:flex-start; animation:popupout .5s ease 0s 1; }
.popupOn { overflow: hidden; }
.headerinner { position: relative; }

.popupOverlay { position:absolute; top:0; bottom:0; left:0; width:100%; z-index: 1; background: rgba(0,0,0,.75); }

.popupOn .popupCloser { animation:fromTop .5s ease 0s 1;  }
.popupCloser { position:fixed; top: 10px; right:530px; width: 35px; height: 35px; z-index: 3; opacity: .6; transition: opacity .3s ease; animation:toTop .5s ease 0s 1; }
.popupCloser:hover { opacity:1; }
.popupCloser:before { content:""; width:100%; height:2px; background:#fff; position: absolute; left:0; top:50%; transform:rotate(45deg); }
.popupCloser:after { content:""; width:100%; height:2px; background:#fff; position: absolute; left:0; top:50%; transform:rotate(-45deg); }
.popuptarget { display:none; }

.popupWrapper .img { margin-top:0; }

#media { display: none; }

.popupOn #main{ transform:translateX(-150px); }
.popupOn .popupWrapperInner{  animation:popup .5s ease 0s 1; right:0; }
.popupContentInner h3 { font-family: titre; font-size: 2em; font-weight: normal; margin-bottom: -0.2em; margin-top: 0.8em; line-height: 1; }
.popupContent h2 { font-family: titre; font-size: 2em; text-align: center; padding: 1em; background: #fff; color:#000; font-weight: normal; margin-bottom:0; margin-top:0; line-height: 1; }
.accordeon h3 { font-size: 1.3em; font-family: texte; font-weight: bold; margin:0 auto -1px; border-top:1px solid #eee; border-bottom:1px solid #eee;  }
.accordeon2 h3 { font-size: 1.3em; font-family: texte; font-weight: bold; margin:0 auto -1px; border-bottom:1px solid #eee;  }
.accordeon h3 a { display:block; font-weight: normal; text-transform: uppercase;  padding:1em 0; letter-spacing: .1em;  font-size: 0.7em; text-align: center;color:#fff;  }
.accordeon2 h3 a { display:block; font-weight: normal; text-transform: uppercase;  padding:1em 0; letter-spacing: .1em;  font-size: 0.7em; text-align: center;color:#fff;  }
.accordeon h3 a:hover { color:#4a4a4a  }
.accordeon2 h3 a:hover { color:#4a4a4a  }
.accordeon h3 a:focus { color:#4a4a4a  }
.accordeon2 h3 a:focus { color:#4a4a4a  }

.ug-thumb-wrapper.ug-tile { border-radius: 6px; }

@keyframes fromTop {
    0% { transform:translateY(0px); }
    100% { transform:translateY(0); }
}
@keyframes toTop {
    0% { transform:translateY(0); }
    100% { transform:translateY(0px); }
}
@keyframes popup {
    0% { right:-500px; }
  20% { transform: translateY(0%); }

  40% { padding-top: 0px; transform: translateY(0%); }

  80% { padding-top: 0px; }

  100% { padding-top: 0; } }



@keyframes popupout {
    0% { right:0; }
    100% { right:-500px; }
}

.popupContentInner { margin:0 1.3em 1.3em; }
.popupOuter { position: relative; }
#menuToggler { display:none; }
.teamActions .btn { padding-left:0; padding-right:0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 746px) and (min-height: 441px) {
    .section { opacity:0; transform:translateY(6em); transition:opacity 1.5s ease, transform 1.5s ease; }
    #contact { transform: none; }
    .sectionCurrentOn { opacity:1; transform:translateY(0); }
    .sectionTxtContent {opacity:0;transform:translateX(-5em);  transition:opacity 1s ease .7s, transform 1s ease .5s;  }
    .half { opacity:0;transform:scale(.8);  transition:opacity 1s ease 1s, transform 1s ease 1s; }
    .half:nth-child(2) {transition:opacity 1s ease 1.15s, transform 1s ease 1.15s; }
    .sectionCurrentOn .sectionTxtContent { opacity:1; transform:translateX(0);;  }
    .sectionCurrentOn .half { opacity:1; transform:scale(1);  }
    .tier { opacity:0;transform:scale(.8);  transition:opacity 1s ease 1s, transform 1s ease 1s; }
    .sectionRoundRound { opacity:0;transform:scale(0);  transition:opacity .8s ease .7s, transform .8s ease .7s; }
    .sectionRoundContent { opacity:0;transform:translateX(-5em);  transition:opacity 1s ease 1.1s, transform 1s ease 1.1s; }
    .tier:nth-child(2) {transition:opacity 1s ease 1.15s, transform 1s ease 1.15s; }
    .tier:nth-child(3) {transition:opacity 1s ease 1.15s, transform 1s ease 1.3s; }
    .sectionCurrentOn .tier { opacity:1; transform:scale(1);  }
    .sectionCurrentOn .sectionRoundRound { opacity:1; transform:scale(1);  }
    .sectionCurrentOn .sectionRoundContent { opacity:1; transform:translateX(0);  }
    .char { opacity:0; }
    .char1 { transition:opacity 1s ease .5s; }
    .char2 { transition:opacity 1s ease .6s; }
    .char3 { transition:opacity 1s ease .7s; }
    .char4 { transition:opacity 1s ease .8s; }
    .char5 { transition:opacity 1s ease .9s; }
    .char6 { transition:opacity 1s ease 1s; }
    .char7 { transition:opacity 1s ease 1.1s; }
    .char8 { transition:opacity 1s ease 1.2s; }
    .char9 { transition:opacity 1s ease 1.3s; }
    .char10 { transition:opacity 1s ease 1.4s; }
    .char11 { transition:opacity 1s ease 1.5s; }
    .char12 { transition:opacity 1s ease 1.6s; }
    .char13 { transition:opacity 1s ease 1.7s; }
    .char14 { transition:opacity 1s ease 1.8s; }
    .char15 { transition:opacity 1s ease 1.9s; }
    .char16 { transition:opacity 1s ease 2.0s; }
    .sectionCurrentOn .char { opacity:1; }
    .topOn #nav { position:fixed; top:0; margin-top:0; height: 80px; animation:top .5s ease 0s 1; background:#000;}
    .topOn #nav ul { justify-content: flex-end; padding-right:1em; margin-top:-4px }
    .topOn #logo { opacity: 1!important; top: auto!important; transform: none!important; margin: 0; }
    .topOn #header { position: fixed; top: 3px; left: 25px; margin: 0; width: 200px; animation:pop2 .5s ease .4s 1; animation-fill-mode: backwards; }
}
@media only screen and (max-width: 745px), screen and (max-height: 700px) {
    .homeContent { top:60%; }
}
@media only screen and (max-width: 745px), screen and (max-height: 500px) {
    #header {top:5%; }
    .homeContent { top: 51%; }
}
@media only screen and (max-width: 1390px), screen and (max-height: 440px) {
    .sectionTitle {font-size: 3.4em; }
    .sectionRoundContent { font-size: .8em; }
}
@media only screen and (max-width: 1020px), screen and (max-height: 440px) {
    #nav a { padding: .2em 1.1em;  }
    .sectionTxt {  display: block; }
    .sectionTxtHeader { width: auto; padding: 2em 0; }
    #about .sectionTxtHeader {  background-position: 50% 45%; }
    .sectionTxtInner {  margin:2em auto;}
    .sectionTxtContent { width: auto; }
    .dates { margin: 0 0 0 10px; }
    .teamWrapper { margin-left: 0; margin-top: 10px; }
    .line1 { padding-right:0; }
    .sectionRound {  text-align: center; display: block; }
    .sectionRoundRoundInner { position: static; padding: 2em 0; }
    .sectionRoundRound { border-radius: 3px; padding: 0; margin-bottom: 2em; }
    .sectionRound { margin: 10px; max-width: none; width: auto; padding: 0 0 3em; }
    #contact .sectionRoundRoundInner { background-position: 50% 40%; }
    #team .sectionTxtHeader { background-position: 50% 74%; }
    .sectionRoundContent h3 {  margin-left: 0; }
    .sectionRoundContent p {  margin-left: 0; }
    .sectionRound .link { margin-left:0; }
}
@media only screen and (max-width: 865px), screen and (max-height: 440px) {
    #nav a { padding: .2em 0.8em; letter-spacing: .05em; }
}
@media only screen and (max-width: 745px), screen and (max-height: 440px) {
    .halfs { display:block; }
    .popupOn #main { transform:none; }
    .popupWrapperInner { width: calc(100% - 3em); }
    .popupCloser { right: auto; left: .15em; }
    .popupContentInner { margin: 0 auto 1.3em; width: 90%; max-width: 500px; }
    #nav { display:none; }
    #home:after { box-shadow: inset 0 0 15vw 5vw rgba(0,0,0,.3);  }
    #logo { opacity: 1!important; top: auto!important; transform: none!important; }
    .homeContent { opacity: 1!important; transform: none!important; }
    #home #homeVideo { opacity:1!important; }
    #header { width:100%; left:0; margin: 0; position:fixed; background: #000; top:0; padding: .4em; }
    #header #logo { width: 50%;  max-width: 110px; margin: 0; }
    #menuToggler { display: block;  position: fixed; top: 0; right: 0; z-index: 100; color: #fff; text-transform: uppercase; letter-spacing: .1em; font-size: 0.7em; padding: 0.9em 2.3em .9em 3.5em; font-family: titre; border: 2px solid rgba(255,255,255,0.3); border-radius: 84px; margin: 1.1em 1em; }
    #menuToggler:hover { border-color:#fff; }
    #menuToggler:focus { border-color:#fff; }
    #menuToggler:before { content:""; position:absolute; left:2.1em; top:1.2em; height:9px; border-top:1px solid rgba(255,255,255,.8); border-bottom:1px solid rgba(255,255,255,.8); width:1.2em; transition:all .3s ease; }
    #menuToggler:after { content:""; position:absolute; left:2.1em; top:calc(1.2em + 4px); height:1px; background: rgba(255,255,255,.8); width:1.2em; transition:opacity .3s ease; }
    .menuOn { overflow: hidden; }
    .menuOn #nav { position: fixed; top:0; left:0; width:100%; height: 100%; overflow-x: hidden; margin: 0; overflow-y: auto; z-index: 98; display:block; animation:pop .5s ease 0s 1; background: #000; padding-top:64px; }
    .menuOn #menuToggler:before { transform:rotate(45deg); border-bottom:0; height: 1px; top:calc(1.2em + 4px);  }
    .menuOn #menuToggler:after { transform:rotate(-45deg);  }
    .menuOn #header { transition:box-shadow .1s ease; box-shadow:0 0 10px 10px #000; }
    #nav ul { display: block; }
    #nav a { font-size: 0.9em; padding: .5em; border: 2px solid rgba(255,255,255,0.3); margin: 5px; border-radius: 3em; }
    #nav a:before { display:none; }
    .homeContent {  position: relative; top: auto; }
    .btn { font-size: 0.7em; }
    #home { height: auto; padding: 90px 0 60px; }
    .homeTitle { letter-spacing: .5em; }
    .half { margin-bottom:3em; }
    .half:last-child { margin-bottom:0; }
    .dateTime { font-size: .8em; }
    .date { flex-direction: column; align-items: center; padding: .5em 0 1em; }
    .btnSmall {  margin-top: 0.4em; }
    .sectionBlackContent { padding:0 1em; }
    .square { margin: 0 10px 1em; }
    .tiers { flex-wrap: wrap; justify-content: center; }
    .tier {  min-width: 160px; }
    .sectionTitle { font-size: 2.3em; }
    .sectionFulltHeader {    font-size: 4vw; }
    .sectionRoundContent { font-size: 2vw; }
    .sectionRoundContent p {     font-size: 2.05em; }
    .dateLocation { display: block; line-height: 1; text-align: center; margin:.2em 0; }
    .team{ position:relative; padding-bottom:56.25%; overflow: hidden; }
    .teamWrapper{ padding: 0; height:auto; overflow: visible; }
    .teamActions { position: static; flex-direction: column; }
    .teamActions a { margin-top: 10px; }
}

/*
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}
*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}